<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../bootstarp/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
    <script src="../bootstarp/bootstrap-datetimepicker-master/jquery/jquery-1.8.3.min.js"></script>
    <!-- <script src="../bootstarp/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script> -->

    <!-- <link href="../bootstarp/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css"> -->
    <script src="../bootstarp/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
    <script src="../bootstarp/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>


    <link rel="stylesheet" href="../layui-main/src/css/layui.css">

<style>
body{padding: 10px;}
</style>
</head>
<body>
    <div class="container">
        <input type="text" id="datetimepicker" class="form-control" placeholder="请选择日期">
        </div>
        <script>
            // $('#datetimepicker').datetimepicker({
            // language: 'zh-CN',
            // autoclose: true,
            // format: 'yyyy-mm-dd'
            // });
            $('#datetimepicker').datetimepicker({
            language: 'zh-CN', // 中文语言包
            autoclose: true, // 选中日期后自动关闭
            format: 'yyyy-mm-dd', // 日期格式
            minView: "month", // 最小日期显示单元
            todayBtn: true, // 显示今天按钮
            todayHighlight: true, // 显示今天高亮
            });
            </script>
    


    自定义首页、尾页、上一页、下一页文本：<div id="demo3"></div>

    <script src="../layui-main/src/layui.js"></script>
    <script>
        layui.use(['laypage', 'layer'], function(){
        var laypage = layui.laypage
        ,layer = layui.layer;

        
        laypage.render({
            elem: 'demo3'
            ,count: 100
            ,first: '首页'
            ,last: '尾页'
            ,prev: '<em>←</em>'
            ,next: '<em>→</em>'
        });
        //调用分页
        laypage.render({
            elem: 'demo9'
            ,count: data.length
            ,layout: ['prev', 'page', 'next', 'refresh', 'skip']
            ,jump: function(obj){
            //模拟渲染
            document.getElementById('biuuu_city_list').innerHTML = function(){
                var arr = []
                ,thisData = data.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit);
                layui.each(thisData, function(index, item){
                arr.push('<li>'+ item +'</li>');
                });
                return arr.join('');
            }();
            }
        });
    });
    </script>
</body>
</html>